<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>后台登录</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
    <link href="../static/css/bootstrap.css" rel="stylesheet"/>
    <script type="text/javascript" src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script  src="../static/js/jquery1.12.4.min.js"></script>
    <script src="../static/js/bootstrap.js"></script>
    <script src="../static/js/angular.1.4.6.min.js"></script>
    <style type="text/css">
        #nav-lr li{
            width: 50%;
        }
        #nav-lr li a{
            text-align: center;
        }
        .container{
            width: 415px;
        }
        #login-container{
            width: 400px;
            border:0.2px solid grey;
        }
        form{
            width: 390px;
            padding-left: 5px;
        }
    </style>
</head>
<body class="hold-transition skin-blue fixed sidebar-mini">
	错误信息：<h4 th:text="${msg}"></h4>
	<div class="container">
        <div class="row">
            <div id="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                <div id="login-container" class="">
                    <ul id="nav-lr" class="nav nav-tabs">
                        <li class="active">
                            <a data-toggle="tab" href="#login">
                                <span class="glyphicon glyphicon glyphicon-user"></span>&nbsp;
                                登录
                            </a>
                        </li>
                        <li class="">
                            <a data-toggle="tab" href="#register">
                                <span class="glyphicon glyphicon glyphicon-th-list"></span>&nbsp;
                                注册
                            </a>
                        </li>
                    </ul>
                    <div id="lrContent" class="tab-content">
                        <div id="login" class="tab-pane fade in active">
                            <form action="" method="post" class="form-group">
                                <br/>
                                <label class="">账号：</label>
                                <input type="text" name="account" class="form-control" placeholder="用户名/邮箱" /><br/>
                                <label class="">密码:</label>
                                <input type="password" name="password" class="form-control" placeholder="密码" />
                                <br/>
                                <p class="pull-right"><a href="">忘记密码？</a></p><br/>
                                <div class="form-group col-xs-offset-4 col-sm-offset-4 col-md-offset-4">
                                    <button class="btn btn-info" type="submit">登录</button>
                                    <button class="btn btn-info">重置</button>
                                </div>
                            </form>

                        </div>
                        <div id="register" class="tab-pane fade ">
                            <form action="" class="form-group">
                                <br/>
                                <label class="">账号：</label>
                                <input type="text" name="username" class="form-control"placeholder="请输入用户名" /><br/>
                                <label class="">邮箱：</label>
                                <input type="text" name="email" class="form-control" placeholder="请输入邮箱" /><br/>
                                <label class="">密码:</label>
                                <input type="password" name="password" class="form-control" placeholder="请输入密码" /><br/>
                                <label class="">确认密码:</label>
                                <input type="password" name="comfirmPwd" class="form-control" placeholder="请确认密码" /><br/>
                                <div class="form-group col-xs-offset-4 col-sm-offset-4 col-md-offset-5">
                                    <button class="btn btn-info">同意并注册</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- <form action="" method="post">
    <p>账号：<input type="text" name="username" /></p>
    <p>密码：<input type="text" name="password" /></p>
    <p><input type="submit" value="登录"/></p>
</form> -->
</body>
</html>